<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>home</title>
</head>

<body>
    <div class="app-home dpflex fdcolumn">

        <!-- home主页轮播图 -->
        <div class="home-swiper swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="../lib/imgs/all8.jpg" alt=""></div>
                <div class="swiper-slide"><img src="../lib/imgs/all7.jpg" alt=""></div>
                <div class="swiper-slide"> <img src="../lib/imgs/rigister2.jpg" alt=""> </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- home内容 -->
        <div class="home-content flex1">

            <!-- 内容1 -->
            <div class="contentone dpflex">
                <div class="contentone-lt">
                    <span>今日排名</span>
                    <p id="rank">9</p>
                </div>
                <div class="contentone-rt">
                    <p class="cumulativeclock">累积打卡 <span id="punchDay"></span> 天</p>
                    <p> <button id="todayPunch">今日打卡</button> </p>
                </div>
            </div>

            <!-- 内容2 -->
            <div class="contenttwo dpflex">
                <div class="contenttwo-lt" id="contenttwoLt">
                    <span>运动数据</span>
                </div>
                <div class="contenttwo-rt" id="myBadge">
                    <p class="cumulativeclock todayPunch">累计运动徽章</p>
                    <span id="badge">-</span> 枚
                </div>
            </div>

            <!-- 内容3 -->
            <a href="exerciseing.html">
            <div class="contentthree">
                <p>户外跑步</p>
            </div>
             </a>
            <!-- 内容3 -->
            <a href="Trainingcourse.html">
            <div class=" contentthree1">
                <p>课程训练</p>
            </div>
        </a>
        </div>


        <!-- 尾部 -->
        <!-- <div class="foot">
            <li>
                <a href="home.html">
                    <span class="iconfont icon-home active"></span>
                    <p class="homeactive active">首页</p>
                </a>
            </li>
            <li>
                <a href="sport.html"></a>
                <span class="iconfont icon-running1"></span>
                <p>运动</p>
                </a>
            </li>
            <li>
                <a href="attention.html">
                    <span class="iconfont icon-CircleofFriends"></span>
                <p>圈子</p>
                </a>
            </li>
            <li>
               <a href="main.html">
                <span class="iconfont icon-my "></span>
                <p>我的</p>
               </a>
            </li>
        </div> -->
    </div>
</body>

</html>